<div class="container" data-ng-controller="networkCtrl as nwCtrl">
  <div class="block-header">
    <h2>网络</h2>
  </div>

  <div class="card">
    
    <div class="card-body card-padding">
      <div class="btn-demo">
        <button class="btn btn-primary btn-icon-text" ng-click="openModal()"><i class="zmdi zmdi-home"></i> 创建新网络</button>
        <button class="btn btn-primary btn-icon-text" ng-click="refresh()"><i class="zmdi zmdi-refresh"></i></button>
      </div>

      <div class="table-responsive">
        <table ng-table="tableSorting" class="table table-striped table-vmiddle">
          <tr ng-repeat="w in $data" >
            <td data-title="'名称'" sortable="'name'">
              {{ w.name }}
            </td>
            <td data-title="'ID'" sortable="'vlanID'">
              {{ w.vlanID }}
            </td>
            <td data-title="'网关'" sortable="'gateway'">
              {{ w.gateway }}
            </td>
            <td data-title="'DNS'" sortable="'dnsServer'">
              {{ w.dnsServer }}
            </td>
            <td data-title="'域名'" sortable="'domains'">
              {{ w.domains }}
            </td>
            <td data-title="'创建时间'" sortable="'creatingTime'">
              {{ w.creatingTime }}
            </td>
          </tr>
        </table>

        <div class="card nxt-nav-right z-depth-2" ng-class="{'show': navOpen}">
          <!-- header button nav-right -->
          <div class="card-header">
            <div class="nav-right-btn">
              <ul class="actions">
                <li>
                  <a href="" ng-click="closeRightNav()">
                    <i class="zmdi zmdi-close"></i>
                  </a>
                </li>
              </ul>
            </div>
          </div>

          <!-- a group of card content -->
          <a class="card-header bgm-blue" href ng-click="toggle(0)">
            <h2>基本操作</h2>
          </a>
          <div class="card-body" ng-class="{active: status(0)}">
            <div class="btn-demo">
              <button class="btn btn-primary btn-icon-text" data-swal-startup><i class="zmdi zmdi-home"></i> 绑定到路由器</button>
              <button class="btn btn-primary btn-icon-text" data-swal-warning><i class="zmdi zmdi-home"></i> 解除绑定</button>
              <button class="btn btn-danger btn-icon-text" data-swal-delete><i class="zmdi zmdi-home"></i> 删除</button>
            </div>
            <div class="btn-demo">
              <button class="btn btn-primary btn-icon-text" data-swal-success><i class="zmdi zmdi-home"></i> 绑定IP</button>
              <button class="btn btn-primary btn-icon-text" data-swal-warning><i class="zmdi zmdi-home"></i> 解除IP</button>
              <button class="btn btn-primary btn-icon-text" data-swal-warning><i class="zmdi zmdi-home"></i> 挂载云硬盘</button>
              <button class="btn btn-warning btn-icon-text" data-swal-success><i class="zmdi zmdi-home"></i> 卸载云硬盘</button>
            </div>
          </div>
          <!-- end: card content -->

        </div>
      </div>
    </div>


  </div>


  
</div>
